@charset "utf-8";
/**
 * @package   http://www.bubujie.net Template
 * @author    步步街工作室 bubujie@gmail.com
 * @version   beta 2012-12-03
 * @copyright Copyright (C) 步步街工作室 2008 - 2012 http://www.bubujie.net. All Rights Reserved.
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */

@import "layout";
@import "table";
$layout:'h';
$wrapping:auto;
$n1:200px;
$n2:200px;
$incInner:false;
$v1:200px;
$v2:200px;

@include tuding($layout,$wrapping,$n1,$n2,$incInner,$v1,$v2);





@mixin tudingPacth(){
.module .w-1,    .module .w-1-2,  .module .w-1-3,  .module .w-2-3,   .module .w-1-4,   .module .w-3-4,
.module .w-1-5,  .module .w-2-5,  .module .w-3-5,  .module .w-4-5,
.module .w-1-6,  .module .w-5-6,  .module .w-1-8,  .module .w-3-8,   .module .w-5-8,   .module .w-7-8,
.module .w-1-12, .module .w-5-12, .module .w-7-12, .module .w-11-12,
.module .w-1-24, .module .w-5-24, .module .w-7-24, .module .w-11-24, .module .w-13-24, .module .w-17-24, .module .w-19-24, .module .w-23-24 {
  width:auto; float:none;
}
}



@mixin contentArea(){
  margin-top:0;
  margin-right:10px;
  margin-bottom:10px;
}



@mixin reset(){
body, input, textarea, select, table, button { font-family:Dotum, Tahoma, Geneva, sans-serif; font-size:14px;}
img, fieldset { border:0;}
form, fieldset { margin:0; padding:0;}
em, address { font-style:normal;}
button{ margin:0; padding:0; overflow:visible; cursor:pointer;}
a { text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
}



@mixin j2-layout(){
/* ######### ######### ######### 注释 ######### ######### ######### */
.wrapping{padding-top:0.02pt;padding-bottom:0.02pt;-o-padding-top:0.5pt;-o-padding-bottom:0.5pt;}
#bhead h1{margin-top:50px;margin-bottom:50px;}
img{max-width:100%;}
#bfoot .quick{ position:absolute; right:10px; top:0;}
/* ######### ######### ######### 注释 ######### ######### ######### */
body{background-color: #ccc;}
.wrapping{padding-left:10px;background-color: #fff;}
.filling{background-color: #FFF;}
/* ######### ######### ######### 注释 ######### ######### ######### */
#bh1st{ background-color:#ccc; }
#bh1st h3{ margin:0; display:none; }
/*div.tplselector>div#tplthumb+div#tpllist+div#tplbtns*/
.tplselector{position:relative;}
#tplthumb { *zoom:1; }
#tplthumb:after { content:""; display:block; clear:both; }
#tplthumb{ position:absolute; top:0; left:200px; z-index: 100; }
#tpllist{ float: left; }
#tplbtns{ float:right; }
#jTemplateReset,#jTemplateChange,#jTemplateRolling{
border:1px solid #000; border-radius:40px; -webkit-border-radius:40px; padding:0.2em 1em;}
#jTemplateReset{}
#jTemplateChange{}
#jTemplateRolling{}
/* ######### ######### ######### 注释 ######### ######### ######### */
.clr { *zoom:1; }
.clr:after { content:""; display:block; clear:both; }
}



@mixin j2-tip(){
/* ######### ######### ######### 注释 ######### ######### ######### */
/*黄色线条，浅黄色背景，10px留白*/
/* 
.tip-wrap
	.tip-top
	.tip
		.tip-title
		.tip-text
	.tip-bottom
*/
.tip-wrap{}
.tip{ border:solid 1px #F3C534; background:#FEFEB8; color:#666666; padding:10px; }
.tip-title{font-weight:bold;}
}



@mixin j2-system-message(){
/* ######### ######### ######### 注释（健壮的：信息提示） ######### ######### ######### */
/* System Messages */
dl#system-message{ margin:0; } /* 上下补白 */
dl#system-message dt{ font-weight:bold; display:none; } /* 隐藏dt */
dl#system-message dd{ margin-left:0; font-weight:bold; text-indent:30px; } /* 清除补白,粗体，30px缩进 */
dl#system-message dd ul{
	_position:relative;//IE6背景色
	margin-left:0; margin-top:10px; margin-bottom:10px; padding:10px; color:#0055BB;/*等效于dd.message ul的color*/
	border-top:3px solid #84A7DB; border-bottom:3px solid #84A7DB;
}
dl#system-message dd ul li{ list-style:none; line-height:1.5em; }
dl#system-message dd.message ul{ background:#C3D2E5 url(../../../media/system/images/notice-info.png); }
dl#system-message dd.error   ul,
dl#system-message dd.warning ul,
dl#system-message dd.notice  ul{ color:#CC0000; }
dl#system-message dd.error   ul{ background:#E6C0C0 url(../../../media/system/images/notice-alert.png); border-color:#DE7A7B; }
dl#system-message dd.warning ul{ background:#E6C8A6 url(../../../media/system/images/notice-note.png);  border-color:#FFBB00; }
dl#system-message dd.notice  ul{ background:#EFE7B8 url(../../../media/system/images/notice-note.png);  border-color:#F0DC7E; }
dl#system-message dd.message ul{ background-position:3px 3px; background-repeat:no-repeat; }
/* Unpublished */
.system-unpublished, tr.system-unpublished{ background:#e8edf1; border-top:4px solid #c4d3df; border-bottom:4px solid #c4d3df; } /* 表格式列表的无内容提示 */
span.highlight{ background-color:#FFFFCC; font-weight:bold; padding:1px 4px; } /* ????????? */
}



@mixin j2-thumbnail(){
/* ######### ######### ######### 注释（健壮的：特色图片） ######### ######### ######### */
/* Thumbnail */
.img-fulltext-float-right{ float:right; margin-left:10px; margin-bottom:10px; }/*大图居右，左侧留白，下面留白*/
.img-fulltext-float-left { float:left; margin-right:10px; margin-bottom:10px; }/*大图居左，右侧留白，下面留白*/
.img-fulltext-float-none{}/*大图不浮动，占据整行*/
.img-intro-float-right{ float:right; margin-left:5px; margin-bottom:5px; }/*小图居右，左侧留白，下面留白*/
.img-intro-float-left { float:left; margin-right:5px; margin-bottom:5px; }/*小图居左，右侧留白，下面留白*/
.img-intro-float-none{}/*小图不浮动，占据整行*/
}



@mixin j2-category-table(){
table.category { border-collapse:collapse; border-spacing:0; width:100%;margin:1em 0; }
table.category, table.category th, table.category td { border-top:1px solid #000000; border-bottom:1px solid #000000; }
table.category th, table.category td { padding:0.2em; border-left:1px solid #000000; white-space: nowrap; }
table.category th.list-title, table.category td.list-title,
table.category th.title,      table.category td.title,
table.category th.item-num,   table.category td.item-num { border-left:0; white-space:normal; }
table.category th.item-num,   table.category td.item-num { border-right:1px solid #000000; }
table.category th { font-weight:bold; background-color:#E5E5E5; }
table.category .list-title,
table.category .item-title,
table.category .title{ width:100%; border-left-width:0; }
table.category .list-hits{text-align:right;}
}



@mixin j2-pagination(){
/* ######### ######### 注释 ######### ######### */
.pagination { margin:2em 0; text-align:center; *zoom:1; clear:both; }
.pagination:after { content:""; display:block; clear:both; }
.pagination{}
.pagination p{ display:block; float:left; margin:0; padding:0; }
.pagination ul{ float:right; margin:0; padding:0; list-style:none; }
.pagination li{ float:left; margin:0 3px; }
.pagination li{ *position:relative; }
.pagination li .pagenav{ display:block; width:16px; border:1px solid #ddd; vertical-align:middle; font-size:12px; line-height:16px;  }
.pagination li.pagination-start .pagenav,
.pagination li.pagination-prev .pagenav,
.pagination li.pagination-next .pagenav,
.pagination li.pagination-end .pagenav{ width:auto; }
.pagination li.pagination-start {}
.pagination li.pagination-prev {}
.pagination li.pagination-next {}
.pagination li.pagination-end {}
/* ######### ######### 注释 ######### ######### */
.item-page #article-index{ border:1px dotted #c4c4c4; padding:5px; _position:relative; }
.item-page #article-index h3{ display:none; }
.item-page #article-index ul{ display:block; margin:0; padding:1em; padding-left:40px; border:1px solid #dedede; background-color:#fafafa; }
.item-page #article-index li{ padding-left:0px; }
.item-page .pagenavcounter { margin:1em 0; text-align:center; *zoom:1; }
.item-page .pagenavcounter:after { content:""; display:block; clear:both; }
/* ######### 上一部分/下一部分 ######### */
/*此内容没有更多的控制点可用*/
.item-page .pagination { margin:1em 0; text-align:center; *zoom:1; }
.item-page .pagination:after { content:""; display:block; clear:both; }
.item-page .pagination ul{ float:none; padding:0; list-style:none; }/*必须重设float*/
.item-page .pagination li{ float:none; display:inline; }/*必须重设float*/
}



@mixin j2-pagenav(){
/* ######### 上一篇/下一篇 ######### */
ul.pagenav { margin:1em 0; text-align:left; *zoom:1; clear:both; }
ul.pagenav:after { content:""; display:block; clear:both; }
ul.pagenav { margin-left:0; padding-left:0; list-style:none; border-top:1px solid #5A5E69; }
ul.pagenav .pagenav-prev,
ul.pagenav .pagenav-next{ line-height: 2em; padding-left:30px; }
ul.pagenav .pagenav-prev{ border-bottom: 1px solid #5A5E69; background: url(../img/ico-btn-pre2_.gif) 15px 50% no-repeat; }
ul.pagenav .pagenav-next{ border-bottom: 1px solid #5A5E69; background: url(../img/ico-btn-net2_.gif) 15px 50% no-repeat;}
ul.pagenav .pagenav-prev-pretext{  }
ul.pagenav .pagenav-next-pretext{  }
}







@mixin j2-com-accordion(){
.pane-sliders .panel{position: relative;border: 1px solid #e9e9e9;margin-top: -1px;}
.pane-sliders .panel h3.pane-toggler,
.pane-sliders .panel h3.pane-toggler-down{margin:0;padding:0;border:1px solid #fff;background-color:#f7f7f7;}
.pane-sliders .panel h3.pane-toggler a,
.pane-sliders .panel h3.pane-toggler-down a{display:block;*zoom:1;padding:0.2em;outline:0;}
.pane-sliders .panel h3.pane-toggler{}
.pane-sliders .panel h3.pane-toggler-down{}
//.pane-sliders .panel .content已被强制设定padding-top:0px;border-top-style:none;padding-bottom:0px;border-bottom-style:none;overflow:hidden;*/
.pane-sliders .panel .content.pane-down{margin-left:1em;margin-right:1em;}
.pane-sliders .panel .content.pane-hide{margin-left:1em;margin-right:1em;}
//IE6不支持:first-child与:last-child，但这是最佳方案；另外，:first-child与:last-child实际意义是:first与:last
.pane-sliders .panel .content .contact-image{margin-top: 1em;}
.pane-sliders .panel .content>:first-child,.pane-sliders .panel .content>:last-child{margin-top:1em;}
}



@mixin j2-breadcrumbs{
/*面包屑的自定义后缀在内部，不建议自定义;面包屑需设置为隐藏掉标题*/
/*div.breadcrumbs>span.showHere+a.pathway+img+a.pathway+img+span*/
/*span.showHere文字为“当前位置”，可用于设定面包屑icon*/
.breadcrumbs{}
.breadcrumbs *{vertical-align: middle;}
.breadcrumbs a{}
.breadcrumbs img{}
.breadcrumbs span{font-weight:bold;}
.breadcrumbs span.showHere{font-weight:normal;}
}



@mixin j2-component-outer{
/* ######### ######### ######### 注释 ######### ######### ######### */
#system-message-container{@include contentArea();}
/* ######### 注释 ######### */
/*com_contact*/
.contact,
.categories-list,
.contact-category,
.contact-address,
.contact-articles,
.contact-form,
.contact-links,
.contact-profile,
.blog-featured{@include contentArea();}
/* ######### 注释 ######### */
/*com_content*/
.archive,
.item-page,
.categories-list,
.blog,
.category-list,
.blog-featured,
.edit{@include contentArea();}
/*.edit/.item-pate,*/
/* ######### 注释 ######### */
/*com_finder*/
.finder,
.form,
#search-query-explained,
#search-result-empty,
.search-result,
.search-pagination{@include contentArea();}
/* ######### 注释 ######### */
/*com_mailto*/
#mailto-window{}
/*另一个是无控制点的弹出窗口*/
/* ######### 注释 ######### */
/*com_newsfeeds*/
.categories-list,
.newsfeed-category,
.newsfeed{@include contentArea();}
/* ######### 注释 ######### */
/*com-search*/
.search{@include contentArea();}
/* ######### 注释 ######### */
/*com_user*/
.login,
.logout,
.profile,
.profile-edit,
.registration,
.registration,
.registration-complate,
.remind,
.reset,
.reset-complete,
.reset-confirm{@include contentArea();}
/* ######### 注释 ######### */
/*com_weblink*/
.categories-list,
.weblink-category,
.edit{@include contentArea();}
/* ######### 注释 ######### */
/*com_wapper*/
.contentpane{@include contentArea();}
/*reset*/
.item-page{@include contentArea();}
}



@mixin j2-mutil-list(){
/* ######### ######### ######### 注释 ######### ######### ######### */
#comments-footer{display: none;}
/* ######### ######### ######### 注释 ######### ######### ######### */
.categories-list ul{margin-left:0;padding-left:10px;list-style:none;}
.categories-list ul ul{padding-left:20px;list-style-type: disc;}
.categories-list ul ul ul{padding-left:20px;list-style-type: circle;}
.categories-list ul ul ul ul{list-style-type: square}
.categories-list li{position:relative;border-left:3px solid #ccc;}
.categories-list li dl{margin:0;padding: 0;position:absolute;top:0;right:0;}
.categories-list li dt,.categories-list li dd{display:inline;margin-left:0}
.category-desc { margin:1em 0; *zoom:1; }
.category-desc:after { content:""; display:block; clear:both; }
}



@mixin j2-editor(){
/* ######### ######### ######### 注释 ######### ######### ######### */
button,#editor-xtd-buttons .button2-left,.toggle-editor .button2-left{
line-height:1.6em;
padding:0 1em;
border:1px solid #E6E6E6;
-moz-border-radius:4px;
-webkit-border-radius:4px;
cursor:pointer;
color:#666;
border:solid 1px #E6E6E6;
background:#EEE;
background:-webkit-gradient(linear, left top, left bottom, from(white), to(#EEE));
background:-moz-linear-gradient(top, white, #EEE);
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=true,startColorStr=white,endColorStr=#eeeeee)/*颜色值必须是6位，不可3位简写*/
}
/* ######### ######### ######### 注释 ######### ######### ######### */
#editor-xtd-buttons .button2-left,.toggle-editor .button2-left {
font-size:12px;
line-height:1.6em;
padding:0 0.5em;
border:1px solid #E6E6E6;
-moz-border-radius:4px;
-webkit-border-radius:4px;
cursor:pointer;
color:#666;
border:solid 1px #E6E6E6;
background:#EEE;
background:-webkit-gradient(linear, left top, left bottom, from(white), to(#EEE));
background:-moz-linear-gradient(top, white, #EEE);
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=true,startColorStr=white,endColorStr=#eeeeee)/*颜色值必须是6位，不可3位简写*/
}
#editor-xtd-buttons .button2-left,.toggle-editor{float: left;}
/* ######### ######### ######### 注释 ######### ######### ######### */
}


@mixin j2-filters(){
.filters { position:relative; *zoom:1; clear:both; }
.filters:after { content:""; display:block; clear:both; }
.filters{ padding:5px; border-top:12px solid #656565; border-bottom:12px solid #dedede; background-color:#f7f7f7; color:#121212; }
.filters legend{ display:none}
.filters select{ background-color:#fff; border:1px solid #ddd; height:20px; padding:0; }
.filters .display, .product-filter .sort, .product-filter .limit{ margin:2px 5px; }
.filters .filters{ margin:0; padding:0; border:0; }
}



@mixin j2-blog-cols(){
.wing .blog, .wing .blog-featured { margin-right: 0; }
//特色联系人页面为分类表格
.wing .blog form, .wing .blog-featured form{margin-right:10px;}
/* compontent全局右margin特例：取消右margin，然后再进行区块拆分 */
.items-leading, .items-row, .items-row .item { position: relative; *zoom: 1; }
.items-leading, .items-row:after, .items-row .item:after { content: ""; display: block; clear: both; }
/* blog上部单列项目 */
.items-leading { margin-right: 10px; }
/*div.items-row.cols-N>div.item.column-$n*N*/
.wing .blog .cols-1,
.wing .blog-featured .cols-1{margin-right:10px;}
.items-row .item { float: left; overflow: hidden; }
.wing .blog .cols-1 .item,
.wing .blog-featured .cols-1 .item{ width:100%; }
.wing .blog .cols-2 .item,
.wing .blog-featured .cols-2 .item{ width:50%; }
.wing .blog .cols-3 .item,
.wing .blog-featured .cols-3 .item{ width:33.3333%; }
.wing .blog .cols-4 .item,
.wing .blog-featured .cols-4 .item{ width:25%; *width:24.9999%; }
.wing .blog .cols-5 .item,
.wing .blog-featured .cols-5 .item{ width:20%; }

.items-row .actions{float:right;margin-right:10px;}
.items-row .article-info { float:none; margin-right: 10px; }

/* 内部没有外套，只能对每个项目设置右margin */
.items-row .item h2, .items-row .item p { margin-right: 10px; }

/* 同上 */
.items-leading p.readmore a, .items-row p.readmore a { display: inline-block; padding: 0.2em 0.3em; border: 3px double #CCC; background: url(../../img/bg_input.gif); }

/* blog布局readmore，需另外定义module中的readmore */

}




@mixin j2-article-info(){
ul.actions { margin:0;padding:0; text-align:right; *zoom:1; }
ul.actions:after { content:""; display:block; clear:both; }
ul.actions{ list-style:none; }
ul.actions li{ display:inline; }
.actions{float:right;}
/* ######### ######### ######### 注释 ######### ######### ######### */
.article-info{ font-size:12px; margin:0.5em 0; padding:0; }
.article-info dt{ display:none; }
.article-info dd{ margin-left:0;  }
.article-info { *zoom:1; }
.article-info:after { content:""; display:block; clear:both; }
.article-info{display:block;border-bottom: 1px solid #000;}
.article-info .createdby,
.article-info .hits{float:left;}
.article-info .parent-category-name,
.article-info .category-name{padding-left:16px;background: url(../img/ico_category.gif) left center no-repeat;}
.article-info .create,
.article-info .modified,
.article-info .published{padding-left:16px;background: url(../img/ico_date.gif) 1px center no-repeat;}
/* ######### ######### ######### 注释 ######### ######### ######### */
ul#archive-items{margin-left:0;padding-left:0; list-style: none; }
ul#archive-items ul { padding-left: 40px; list-style-type: disc; }
ul#archive-items ul ul { list-style-type: circle; }
ul#archive-items ul ul ul { list-style-type: square; }
}


@mixin j2-module(){
//特别需要考虑.w-n-m{}时对宽度的计算，不能对.module{}设置margin-right
.mod-heading,.mod-content { *zoom:1; }
.mod-heading:after,.mod-content:after { content:""; display:block; clear:both; }
.module{margin-right:0px;}
.module .mod-heading{border:1px solid #ddd;background-color: #f5f5f5;margin:0;margin-right:10px;padding:1px 0;}
.module .mod-content{border:1px solid #ddd;border-top:0;margin-bottom:10px;margin-right:10px;padding:1px 0;}
}



/* ######### ######### ######### 注释 ######### ######### ######### */
#jc{font-size:14px;}
#jc input, #jc textarea, #jc select, #jc table, #jc button{font-size:12px;}



@media screen and (max-width:768px) {
	@include tudingH2cols($wrapping,$n1,$n2,2);
}



@media screen and (max-width:480px) {
	@include tudingOut1col();
}